<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function f() {
            document.querySelector("p").style.backgroundColor = "red";
        }
    </script>
</head>
<body>
<h2>第一行 h2</h2>
<p>第二行 p</p>
<p>第三行 p</p>
<p>第四行 p</p>
<input type="button" onclick="f()" value="选取第一个p元素">
</body>
</html>